@charset "utf-8";
/* 
移动端css类库
2020年4月11日
 */
/* 浮动样式 */
.fl
{
	float: left;
}
.fr
{
	float: right;
}
/* 边框样式 */
.bd-none
{
	border: none!important;
}
.bdl-none
{
	border-left: none!important;
}
.bdr-none
{
	border-right: none!important;
}
.bdt-none
{
	border-top: none!important;
}
.bdb-none
{
	border-bottom: none!important;
}
.radiu-none
{
	border-radius: 0!important;
}
.tryTop
{
	width: 0;
	height: 0;
	border-left-color: transparent!important;
	border-right-color: transparent!important;
	border-top-color: transparent!important; 
}
.tryBtn
{
	width: 0;
	height: 0;
	border-bottom-color: transparent!important; 
	border-left-color: transparent!important; 
	border-right-color: transparent!important; 
}
/* 背景样式 */
.bg-none
{
	background-image:none!important;
}
/* 填充样式 */
.pdr-none
{
	padding-right:0!important;
}
.pdl-none
{
	padding-left:0!important;
}
.mgl-none
{
	margin-left:0!important;
}
.mgr-none
{
	margin-right:0!important;
}
/* 弹性盒样式 */
.flexBox
{
	display: flex;
}
.flexBoxr
{
	display: flex;
	flex-direction: row-reverse;
}
.flexBoxColumn
{
	display: flex;
	flex-direction: column;
}
.flexBoxColumnr
{
	display: flex;
	flex-direction: column-reverse;
}
.flexAmong
{
	justify-content: center;
	align-items: center;
}
.flexBc
{
	justify-content: space-between;
	align-items: center;
}
.flexAc
{
	justify-content: space-around;
	align-items: center;
}
/* 定位样式 */
.fixTop
{
	position: fixed;
	top: 0;
}
.fixBtn
{
	position: fixed;
	bottom: 0;
}
/* 元素样式 */
.H
{
	overflow: hidden;
}
.clearBoth::after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}
.boxFull
{
	width: 100%;
	height: 100%;
}
.fs12
{
	font-size: 24rpx;
}
.fs14
{
	font-size: 28rpx;
}
.fs16
{
	font-size: 32rpx;
}
.fs18
{
	font-size: 36rpx;
}
.fs20
{
	font-size: 40rpx;
}
.fs22
{
	font-size: 44rpx;
}
.fs24
{
	font-size: 48rpx;
}
.fwbold
{
	font-weight: bold;
}

